<div class>
    <div class="block">
        <div class="kintoneplugin-label">
            文字条件格式
        </div>
        <div class="kintoneplugin-row">
            <table>
                <tr>
                    <td>格式条件字段</td>
                    <td>：</td>
                    <td>请设置待比较条件的字段的字段代码。</td>
                </tr>
                <tr>
                    <td>条件式</td>
                    <td>：</td>
                    <td>请设置比较条件式。</td>
                </tr>
                <tr>
                    <td>条件值</td>
                    <td>：</td>
                    <td>请设置和格式条件字段的值进行比较的值。</td>
                </tr>
                <tr>
                    <td>格式编辑对象字段</td>
                    <td>：</td>
                    <td>请设置符合条件的格式设置字段的字段代码。</td>
                </tr>
                <tr>
                    <td>颜色</td>
                    <td>：</td>
                    <td>设置格式对象字段的文字颜色 “#000000” ～ “#FFFFFF”。</td>
                </tr>
                <tr>
                    <td>大小</td>
                    <td>：</td>
                    <td>设置格式对象字段的文字大小。</td>
                </tr>
                <tr>
                    <td>列表背景色</td>
                    <td>：</td>
                    <td>设置格式对象字段的列表背景色 “#000000” ～ “#FFFFFF”。</td>
                </tr>
            </table>
        </div>
        <div class="kintoneplugin-row">
            <table class="conditionalformat-plugin-fLine">
                <tr>
                    <td>
                        <span>No.</span>
                    </td>
                    <td>
                        <span>格式条件字段</span>
                    </td>
                    <td>
                        <span>条件式</span>
                    </td>
                    <td>
                        <span>条件值</span>
                    </td>
                    <td>
                        <span>格式编辑对象字段</span>
                    </td>
                    <td>
                        <span>颜色</span>
                    </td>
                    <td>
                        <span>大小</span>
                    </td>
                    <td>
                        <span>列表背景色</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>１</span>
                    </td>
                    <td>
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-cfield_text_1" id="conditionformat-plugin-cfield_text_1">
                                    <option value="">-------------</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>        
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-ctype_text_1">
                                    <option value="">-------------</option>
                                    <option value="==">=(等于)</option>
                                    <option value="!=">≠(不等于)</option>
                                    <option value="<=">≦(以下)</option>
                                    <option value=">=">≧(以上)</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <span>
                            <input id="conditionformat-plugin-cvalue_text_1" class="kintoneplugin-input-text" />
                        </span>
                    </td>
                    <td>
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-tfield_text_1" id="conditionformat-plugin-tfield_text_1">
                                    <option value="">-------------</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <span>
                            <input id="conditionformat-plugin-tcolor_text_1" class="kintoneplugin-input-text html5jp-cpick" />
                        </span>
                    </td>
                    <td>
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-tsize_text_1">
                                    <option value="">-------------</option>
                                    <option value="x-small">小</option>
                                    <option value="small">稍小</option>
                                    <option value="large">稍大</option>
                                    <option value="x-large">大</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <span>
                            <input id="conditionformat-plugin-bcolor_text_1" class="kintoneplugin-input-text html5jp-cpick" />
                        </span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>２</span>
                    </td>
                    <td>
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-cfield_text_2" id="conditionformat-plugin-cfield_text_2">
                                    <option value="">-------------</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-ctype_text_2">
                                    <option value="">-------------</option>
                                    <option value="==">=(等于)</option>
                                    <option value="!=">≠(不等于)</option>
                                    <option value="<=">≦(以下)</option>
                                    <option value=">=">≧(以上)</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <span>
                            <input id="conditionformat-plugin-cvalue_text_2" class="kintoneplugin-input-text" />
                        </span>
                    </td>
                    <td>
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-tfield_text_2" id="conditionformat-plugin-tfield_text_2">
                                    <option value="">-------------</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <span>
                            <input id="conditionformat-plugin-tcolor_text_2" class="kintoneplugin-input-text html5jp-cpick" />
                        </span>
                    </td>
                    <td>
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-tsize_text_2">
                                    <option value="">-------------</option>
                                    <option value="x-small">小</option>
                                    <option value="small">稍小</option>
                                    <option value="large">稍大</option>
                                    <option value="x-large">大</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <span>
                            <input id="conditionformat-plugin-bcolor_text_2" class="kintoneplugin-input-text html5jp-cpick" />
                        </span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>３</span>
                    </td>
                    <td>
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-cfield_text_3" id="conditionformat-plugin-cfield_text_3">
                                    <option value="">-------------</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-ctype_text_3">
                                    <option value="">-------------</option>
                                    <option value="==">=(等于)</option>
                                    <option value="!=">≠(不等于)</option>
                                    <option value="<=">≦(以下)</option>
                                    <option value=">=">≧(以上)</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <span>
                            <input id="conditionformat-plugin-cvalue_text_3" class="kintoneplugin-input-text" />
                        </span>
                    </td>
                    <td>
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-tfield_text_3" id="conditionformat-plugin-tfield_text_3">
                                    <option value="">-------------</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <span>
                            <input id="conditionformat-plugin-tcolor_text_3" class="kintoneplugin-input-text html5jp-cpick" />
                        </span>
                    </td>
                    <td>
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-tsize_text_3">
                                    <option value="">-------------</option>
                                    <option value="x-small">小</option>
                                    <option value="small">稍小</option>
                                    <option value="large">稍大</option>
                                    <option value="x-large">大</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <span>
                            <input id="conditionformat-plugin-bcolor_text_3" class="kintoneplugin-input-text html5jp-cpick" />
                        </span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>４</span>
                    </td>
                    <td>
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-cfield_text_4" id="conditionformat-plugin-cfield_text_4">
                                    <option value="">-------------</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-ctype_text_4">
                                    <option value="">-------------</option>
                                    <option value="==">=(等于)</option>
                                    <option value="!=">≠(不等于)</option>
                                    <option value="<=">≦(以下)</option>
                                    <option value=">=">≧(以上)</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <span>
                            <input id="conditionformat-plugin-cvalue_text_4" class="kintoneplugin-input-text" />
                        </span>
                    </td>
                    <td>
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-tfield_text_4" id="conditionformat-plugin-tfield_text_4">
                                    <option value="">-------------</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <span>
                            <input id="conditionformat-plugin-tcolor_text_4" class="kintoneplugin-input-text html5jp-cpick" />
                        </span>
                    </td>
                    <td>
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-tsize_text_4">
                                    <option value="">-------------</option>
                                    <option value="x-small">小</option>
                                    <option value="small">稍小</option>
                                    <option value="large">稍大</option>
                                    <option value="x-large">大</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <span>
                            <input id="conditionformat-plugin-bcolor_text_4" class="kintoneplugin-input-text html5jp-cpick" />
                        </span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>５</span>
                    </td>
                    <td>
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-cfield_text_5" id="conditionformat-plugin-cfield_text_5">
                                    <option value="">-------------</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-ctype_text_5">
                                    <option value="">-------------</option>
                                    <option value="==">=(等于)</option>
                                    <option value="!=">≠(不等于)</option>
                                    <option value="<=">≦(以下)</option>
                                    <option value=">=">≧(以上)</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <span>
                            <input id="conditionformat-plugin-cvalue_text_5" class="kintoneplugin-input-text" />
                        </span>
                    </td>
                    <td>
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-tfield_text_5" id="conditionformat-plugin-tfield_text_5">
                                    <option value="">-------------</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <span>
                            <input id="conditionformat-plugin-tcolor_text_5" class="kintoneplugin-input-text html5jp-cpick" />
                        </span>
                    </td>
                    <td>
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-tsize_text_5">
                                    <option value="">-------------</option>
                                    <option value="x-small">小</option>
                                    <option value="small">稍小</option>
                                    <option value="large">稍大</option>
                                    <option value="x-large">大</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <span>
                            <input id="conditionformat-plugin-bcolor_text_5" class="kintoneplugin-input-text html5jp-cpick" />
                        </span>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <div class="block">
        <div class="kintoneplugin-label">
            日期条件格式
        </div>
        <div class="kintoneplugin-row">
            <table>
                <tr>
                    <td>格式条件字段</td>
                    <td>：</td>
                    <td>请设置待比较条件的字段的字段代码。</td>
                </tr>
                <tr>
                    <td>条件值</td>
                    <td>：</td>
                    <td>请设置和格式条件字段的日时的差。（当天的情形，请设置 “0”。）</td>
                </tr>
                <tr>
                    <td>前・后</td>
                    <td>：</td>
                    <td>请设置格式条件字段的○天前或者○天后。</td>
                </tr>
                <tr>
                    <td>格式编辑对象字段</td>
                    <td>：</td>
                    <td>请设置符合条件的格式设置字段的字段代码。</td>
                </tr>
                <tr>
                    <td>颜色</td>
                    <td>：</td>
                    <td>设置格式对象字段的文字颜色 “#000000” ～ “#FFFFFF”。</td>
                </tr>
                <tr>
                    <td>大小</td>
                    <td>：</td>
                    <td>设置格式对象字段的文字大小。</td>
                </tr>
                <tr>
                    <td>列表背景色</td>
                    <td>：</td>
                    <td>设置格式对象字段的列表背景色 “#000000” ～ “#FFFFFF”。</td>
                </tr>
            </table>
        </div>
        <div class="kintoneplugin-row">
            <table class="conditionalformat-plugin-fLine">
                <tr>
                    <td>
                        <span>No.</span>
                    </td>
                    <td>
                        <span>格式条件字段</span>
                    </td>
                    <td>
                        <span>条件值</span>
                    </td>
                    <td>
                        <span>前・后</span>
                    </td>
                    <td>
                        <span>格式编辑对象字段</span>
                    </td>
                    <td>
                        <span>颜色</span>
                    </td>
                    <td>
                        <span>大小</span>
                    </td>
                    <td>
                        <span>列表背景色</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>１</span>
                    </td>
                    <td>
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-cfield_date_1" id="conditionformat-plugin-cfield_date_1">
                                    <option value="">-------------</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <span>
                            <input id="conditionformat-plugin-cvalue_date_1" class="kintoneplugin-input-text" />
                        </span>
                    </td>
                    <td>
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-ctype_date_1">
                                    <option value="">-------------</option>
                                    <option value="-">天前开始</option>
                                    <option value="+">天后开始</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-tfield_date_1" id="conditionformat-plugin-tfield_date_1">
                                    <option value="">-------------</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <span>
                            <input id="conditionformat-plugin-tcolor_date_1" class="kintoneplugin-input-text html5jp-cpick" />
                        </span>
                    </td>
                    <td>
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-tsize_date_1">
                                    <option value="">-------------</option>
                                    <option value="x-small">小</option>
                                    <option value="small">稍小</option>
                                    <option value="large">稍大</option>
                                    <option value="x-large">大</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <span>
                            <input id="conditionformat-plugin-bcolor_date_1" class="kintoneplugin-input-text html5jp-cpick" />
                        </span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>２</span>
                    </td>
                    <td>
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-cfield_date_2" id="conditionformat-plugin-cfield_date_2">
                                    <option value="">-------------</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <span>
                            <input id="conditionformat-plugin-cvalue_date_2" class="kintoneplugin-input-text" />
                        </span>
                    </td>
                    <td>
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-ctype_date_2">
                                    <option value="">-------------</option>
                                    <option value="-">天前开始</option>
                                    <option value="+">天后开始</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-tfield_date_2" id="conditionformat-plugin-tfield_date_2">
                                    <option value="">-------------</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <span>
                            <input id="conditionformat-plugin-tcolor_date_2" class="kintoneplugin-input-text html5jp-cpick" />
                        </span>
                    </td>
                    <td>
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-tsize_date_2">
                                    <option value="">-------------</option>
                                    <option value="x-small">小</option>
                                    <option value="small">稍小</option>
                                    <option value="large">稍大</option>
                                    <option value="x-large">大</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <span>
                            <input id="conditionformat-plugin-bcolor_date_2" class="kintoneplugin-input-text html5jp-cpick" />
                        </span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>３</span>
                    </td>
                    <td class="line">
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-cfield_date_3" id="conditionformat-plugin-cfield_date_3">
                                    <option value="">-------------</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <span>
                            <input id="conditionformat-plugin-cvalue_date_3" class="kintoneplugin-input-text" />
                        </span>
                    </td>
                    <td>
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-ctype_date_3">
                                    <option value="">-------------</option>
                                    <option value="-">天前开始</option>
                                    <option value="+">天后开始</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-tfield_date_3" id="conditionformat-plugin-tfield_date_3">
                                    <option value="">-------------</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <span>
                            <input id="conditionformat-plugin-tcolor_date_3" class="kintoneplugin-input-text html5jp-cpick" />
                        </span>
                    </td>
                    <td>
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-tsize_date_3">
                                    <option value="">-------------</option>
                                    <option value="x-small">小</option>
                                    <option value="small">稍小</option>
                                    <option value="large">稍大</option>
                                    <option value="x-large">大</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <span>
                            <input id="conditionformat-plugin-bcolor_date_3" class="kintoneplugin-input-text html5jp-cpick" />
                        </span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>４</span>
                    </td>
                    <td class="line">
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-cfield_date_4" id="conditionformat-plugin-cfield_date_4">
                                    <option value="">-------------</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <span>
                            <input id="conditionformat-plugin-cvalue_date_4" class="kintoneplugin-input-text" />
                        </span>
                    </td>
                    <td>
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-ctype_date_4">
                                    <option value="">-------------</option>
                                    <option value="-">天前开始</option>
                                    <option value="+">天后开始</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-tfield_date_4" id="conditionformat-plugin-tfield_date_4">
                                    <option value="">-------------</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <span>
                            <input id="conditionformat-plugin-tcolor_date_4" class="kintoneplugin-input-text html5jp-cpick" />
                        </span>
                    </td>
                    <td>
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-tsize_date_4">
                                    <option value="">-------------</option>
                                    <option value="x-small">小</option>
                                    <option value="small">稍小</option>
                                    <option value="large">稍大</option>
                                    <option value="x-large">大</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <span>
                            <input id="conditionformat-plugin-bcolor_date_4" class="kintoneplugin-input-text html5jp-cpick" />
                        </span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>５</span>
                    </td>
                    <td>
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-cfield_date_5" id="conditionformat-plugin-cfield_date_5">
                                    <option value="">-------------</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <span>
                            <input id="conditionformat-plugin-cvalue_date_5" class="kintoneplugin-input-text" />
                        </span>
                    </td>
                    <td>
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-ctype_date_5">
                                    <option value="">-------------</option>
                                    <option value="-">天前开始</option>
                                    <option value="+">天后开始</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-tfield_date_5" id="conditionformat-plugin-tfield_date_5">
                                    <option value="">-------------</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <span>
                            <input id="conditionformat-plugin-tcolor_date_5" class="kintoneplugin-input-text html5jp-cpick" />
                        </span>
                    </td>
                    <td>
                        <div class="kintoneplugin-select-outer">
                            <div class="kintoneplugin-select">
                                <select name="conditionformat-plugin-tsize_date_5">
                                    <option value="">-------------</option>
                                    <option value="x-small">小</option>
                                    <option value="small">稍小</option>
                                    <option value="large">稍大</option>
                                    <option value="x-large">大</option>
                                </select>
                            </div>
                        </div>
                    </td>
                    <td>
                        <span>
                            <input id="conditionformat-plugin-bcolor_date_5" class="kintoneplugin-input-text html5jp-cpick" />
                        </span>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <div class="block">
        <button type="button" id="submit" class="kintoneplugin-button-dialog-ok">     保存     </button>
        <button type="button" id="cancel" class="kintoneplugin-button-dialog-cancel">     取消     </button>
    </div>
</div>
